<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .red {
            color: red;
        }
    </style>
</head>

<body>
<thead>我是头部</thead>
<tbody>
<p>
<ol>
    <li class="red"><u><strong>21班</strong></u></li>
    <li><s>20班</s></li>
    <li>19班</li>
</ol>
</p>
<p>
<ul>
    <li>苹果</li>
    <li>梨子</li>
    <li>香蕉</li>
</ul>
</p>
<p>
    证件类型：<select>
    <option selected>中国居民省份证</option>
    <option>港澳居民来往内地通行证</option>
    <option>台湾居民来往内地通行证</option>
    <option>护照</option>
</select>
</p>
<p>
<table border="1" cellpadding="30" cellspacing="0">
    <!--第一行 -->
    <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
    </tr>
    <!-- 第二行-->
    <tr>
        <td>刘德华</td>
        <td>男</td>
        <td>50</td>
    </tr>
    <!--第三行 -->
    <tr>
        <td>张学友</td>
        <td>男</td>
        <td>51</td>
    </tr>
    <!--第四行 -->
    <tr>
        <td>郭富城</td>
        <td>男</td>
        <td>52</td>
    </tr>
    <!--第五行 -->
    <tr>
        <td>黎明</td>
        <td>男</td>
        <td>53</td>
    </tr>
</table>
</p>
<p>
    <video controls autoplay>
        <source src="vedio.avi" type="video/avi" />
        <source src="vedio.mp4" type="video/mp4" />
    </video>
</p>
<p>
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>

</p>
<p>
    <textarea slot="30" cols="5"></textarea>
</p>
<p>
    <span>百度</span> <span>腾讯</span> <span>新浪</span>
</p>
<p>

    如果想学习 AJAX，那么您必须熟悉 XML<wbr>Http<wbr>Request 对象。

</p>
<p>
    <svg width="100" height="100">
        <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
    </svg>
</p>
<p>
    这段文本包含 <sup>上标</sup>
</p>
<p>
    <section>
        <h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p>
</section>
</p>
<p>
    <ruby>
        <rt>
        <rp>(</rp><rp>)</rp>
    </rt>
    </ruby>
</p>
<p>
    <q>Here is a short quotation here is a short quotation</q>
</p>
<p>
    <progress value="22" max="100"></progress>
</p>
<p>
    <select>
        <optgroup label="shuiguo">
            <option value="pingguo">苹果</option>
            <option value="xiangjio">香蕉</option>
        </optgroup>

        <optgroup label="shuiguo">
            <option value="taozi">桃子</option>
            <option value="lizi">梨子</option>
        </optgroup>
    </select>
</p>
<p>
    <nav>
        <a href="#">3</a>
        <a href="#">2</a>
        <a href="#">1</a>
    </nav>
</p>
</tbody>
<tfoot>我是底部</tfoot>
</body>

</html>

</body>
</html>